// JavaScript Document
$(document).ready(function(){
	var globleCount=0;
	var page;
	$("#label1").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label1").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
		
	});
	
	$("#label2").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label2").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label3").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label3").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label4").click(function(){
		var value=$(this).text();
		//alert(value);
		if(globleCount<10){
			$("#label4").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	
	$("#label5").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label5").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	
	$("#label6").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label6").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label7").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label7").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label8").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label8").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label9").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label9").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label10").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label10").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label11").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label11").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label12").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label12").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label13").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label13").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label14").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label14").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	$("#label15").click(function(){
		var value=$(this).text();
		if(globleCount<10){
			$("#label15").attr("disabled","disabled");
			var newTag="<li>"+value+" x"+"</li>";
			$("#tags").append(newTag);
			globleCount++;
		}
		else{
			alert("最多只能选择10个标签哦!");
		}
	});
	
	/* 移除 */
	$(document).on("click", "#tags li", function() {
		
		var removeTag=$(this).text().split(" ")[0];
		//if(removeTag.equal())
		if(removeTag==$("#label1").text()){
			$("#label1").attr("disabled",false);
		}
		if(removeTag==$("#label2").text()){
			$("#label2").attr("disabled",false);
		}
		if(removeTag==$("#label3").text()){
			$("#label3").attr("disabled",false);
		}
		if(removeTag==$("#label4").text()){
			$("#label4").attr("disabled",false);
		}
		if(removeTag==$("#label5").text()){
			$("#label5").attr("disabled",false);
		}
		if(removeTag==$("#label6").text()){
			$("#label6").attr("disabled",false);
		}
		if(removeTag==$("#label7").text()){
			$("#label7").attr("disabled",false);
		}
		if(removeTag==$("#label8").text()){
			$("#label8").attr("disabled",false);
		}
		if(removeTag==$("#label9").text()){
			$("#label9").attr("disabled",false);
		}
		if(removeTag==$("#label10").text()){
			$("#label10").attr("disabled",false);
		}
		if(removeTag==$("#label11").text()){
			$("#label11").attr("disabled",false);
		}
		if(removeTag==$("#label12").text()){
			$("#label12").attr("disabled",false);
		}
		if(removeTag==$("#label13").text()){
			$("#label13").attr("disabled",false);
		}
		if(removeTag==$("#label14").text()){
			$("#label14").attr("disabled",false);
		}
		if(removeTag==$("#label15").text()){
			$("#label15").attr("disabled",false);
		}
		
		$(this).remove();
	});
	
	
	
	
	
	
	
	
	$("#editorTag").click(function(){
		$("#all").css("border","1px solid #6eb205");
		$(".atr").attr("disabled",false);
		$(this).hide();
		$("#saveTag").show();
	});
	
	
	
	
	$("#saveTag").click(function(){
		var labels="";
		$("#tags li").each(function(){
			var bufferString=$(this).text();
			labels+=bufferString+"/";
			});
		alert(labels);
		$.ajax({
            type: "Post",
            url: "user/label_addUserLabels.action",
            data: {
            	labels:labels,
            	   },
            dataType:"text",
            timeout: 1000,
            success: function(data) {
            	$(this).hide();
        		$("#editorTag").show();
            	$(".atr").attr("disabled",true);
            	$("#all").css("border","1px solid #ccc");
            },

            error: function(err) {
                alert("error");
            }
        });
	});
	
	$("#changeOtherTag").click(function(){
		//var page = parseInt(Math.random() * 3); 
		
		if(page<4){
			page++;
		}
		else{
			page=1;
		}
		$.ajax({
            type: "Post",
            url: "user/label_queryLabels.action?pagebean.currentPage="+page,
            data: {},
            dataType:"text",
            timeout: 2000,
            success: function(data) {
            	changeOther(data);
            },

            error: function(err) {
                alert("error");
            }
        });
	});
	
	
	function changeOther(data){
		var label;
		label=data.split("/");
		
		for(var i=0;i<label.length;i++){
			$("#label"+i).text(label[i]);
		}
	}
	
	
});